<template>
  <div class="home-container">
    <div class="header">
      <div class="top">
        <div class="topImage">
          <img src="" alt="" />
        </div>
      </div>

      <van-dropdown-menu>
        <van-dropdown-item v-model="value" :options="options" />
      </van-dropdown-menu>
    </div>
  </div>
</template>
<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
  name: "Home",
});
</script>
<script lang="ts" setup>
import { ref } from "vue";
const value = ref(0);
const options = [
  { text: "全部商品", value: 0 },
  { text: "新款商品", value: 1 },
  { text: "活动商品", value: 2 },
];
</script>

<style scoped lang="less">
.home-container {
  height: 100%;
  background-color: white;
  .top {
    .topImage {
    }
  }
  .van-dropdown-menu__item {
    display: flex;
    justify-content: flex-start;
  }
  .van-dropdown-menu__item {
    display: flex;
    justify-content: flex-start;
  }
}
</style>
